/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body {
    background-color:#ddd;line-height: 1.166;	
    margin: 0px;padding: 0px;
    font-family: Vernada, Arontial, sans-serif;font-size: 12px;
    color: #000000;
    text-align:center;    
}

a{color: #0077cc;text-decoration: none;}
a:link{	color: #006699;text-decoration: none;}
a:visited{color: #006699;text-decoration: none;}
a:hover{color: #006699;text-decoration: underline;}

h1{
    color: #3179ac;
    margin: 0px;
    padding: 0px;
}

h1{ font-size: 140%; }
h2{ font-size: 115%; color:#3179ac;margin-top: 15px;}
h2 em{color:midnightblue;text-decoration:underline}
h3{ font-size: 16px;; font-family: Trebuchet MS,DejaVu Sans,sans-serif; color: #0077cc; margin-top: 5px; margin-bottom: 0px;}
h4{ font-size: 105%; }
h5{ font-size: 100%; }

.page-wrapper{width: 96%;margin:auto;clear: both}
#header{height: 70px; background: #5a9ecf}
#logo{width: 350px;height: 70px;margin-bottom: -32px;float:left;}
#top-banner{width: 700px;height: 38px;float:right; text-align: right;}
#top-nav{width: 810px;height: 32px;float:right;}

#left-menu{background: #f9f9f9;width:23%;float:left;margin: 20px 0px;border-radius: 6px;}
#right-content{background: #f9f9f9;width:76%;float:right;margin: 20px 0px;border-radius: 6px;text-align: left;}
#left-content{background: #f9f9f9;width:76%;float:left;margin: 20px 0px;border-radius: 6px;text-align: left;}
#right-menu{background: #f9f9f9;width:23%;float:right;margin: 20px 0px;border-radius: 6px;}

.input_form{
    width: 89%;
}
.text_area{
    width: 500px;    height: 200px;
}

/*-----------------------------------------------------------------------------------*/
.admin-left-menu,.module_content {
    text-align: left;
    margin: 10px;
    /*padding: 10px 10px 20px 10px;*/
}
.admin-left-menu a{
    display: block;padding: 5px;
    border-bottom: 1px solid #bbb;
    border-top: 1px solid #fff;
}
.admin-left-menu a.selected{
    font-weight: bold;color:#3179ac;
}

.div_form{
    width: 75%;
    border: 1px solid #ddd;
    padding:10px;
    text-align: left;
    margin:10px auto;
    border-radius: 9px;
background: #f9f9f9;
        
}
.div_form_content{
    width: 93%;
    border: 1px solid #ddd;
    padding:20px;
    text-align: left;
    margin:20px auto;
    border-radius: 9px;
background: #f9f9f9;
}
.form{
    
    background-color: transparent; 
    margin: auto;
    padding:5px 20px 5px 20px;text-align: left
        
}
.view_detail{background-color: #dfd; margin: 20px;}

.button{
    
    margin: 10px 4px;
    padding:2px 10px 2px 10px;
    font: bold 12px Arial, sans-serif;
    -moz-box-shadow: 0px 0px 8px #aaa;
    -webkit-box-shadow: 0px 0px 8px #aaa;
    box-shadow: 0px 0px 8px #aaa;    
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #aaa;
    background: #eee;
    color:#03406A;
}

.button:hover{color:#FF9000;cursor:pointer;
    -moz-box-shadow: 0px 0px 18px #aaa;
    -webkit-box-shadow: 0px 0px 18px #aaa;
    box-shadow: 0px 0px 18px #aaa;    
}

.select{font-family: Vernada, Arontial, sans-serif;font-size: 12px;}

/*/------------------Article present-----------------------------------*/

.article-footer{
    
    clear: both;
    height: 20px;
    
}
.article{
    margin-top: 5px;
    margin-left: 10px;
    font: 14px Arial, sans-serif;
    border-bottom: 1px solid #ddd;
}   

.user-details{ float: right; margin-left:5px;margin-right: 5px;width:auto;overflow:hidden;white-space:nowrap;
             font: 11px Arial;
             
}
.article-hearder{
    clear: both;
    height: 10px;

}
 
.article-single{
    margin: 0px;
    font: 13px Arial, sans-serif;
}
#comment{
    margin-left: 10px;
    font: 14px Arial, sans-serif;
    color: #333333;
	
}
#comment-single{
    margin: 15px 0px 5px 0px;
    color: #333333;
   
    width: 100%;
    

}
#comment-footer{
border-bottom: 1px solid #ddd;
margin-bottom:30px;
}
#post-comment-wrapper{
    margin: 5px;
    border: 1px solid #ddd;
}
#post-comment{
    margin: 5px 10px;
    
    
}

.input-comment-textarea{
    width: 95%;
    height: 90px;

    -moz-box-shadow: 0px 0px 8px #aaa;
    -webkit-box-shadow: 0px 0px 8px #aaa;
    box-shadow: 0px 0px 8px #ddd;    
    -moz-border-radius: 6px;
    border-radius: 6px;
     border: 1px solid #ddd;
    background: #fff;
    color:#333;    
}
/*-----------------------------table ticket--------------------------------------------*/
.clear {clear:both}

#ticket-options{
    background: #f8f8f8;
    margin:4px;
    padding:5px 0px;
    color:#666;
    border: 1px solid #ddd;
    /*box-shadow: -1px -1px 3px rgba(0,0,0,0.2);*/
    border-radius: 6px;
    z-index: 1;position: relative;
    
}
#ticket-options div {
    float:left;padding:6px;
    vertical-align:middle; 
}
#ticket-options .select{
    margin-left: 5px;margin-top: 5px; 
    font-size: 12px;
}
#ticket-options .status{
    float:right;margin-left: 5px;
    font-size: 12px;
}
#ticket-options .status span{
    color: #3179ac;display: block;text-align: left;font-size: 14px;
}

table#tickets {
    border-collapse:collapse;
    margin: 0;
    background:  #fbfbfb;
    border: 1px solid #ddd;
    font-size: 12px;
}

table#tickets  tr{
    border: 1px solid #ddd;
}

table#tickets  tr th, table#tickets  tr td{
    text-align: left;padding:5px;font-size:12px;
}
table#tickets  tr td{color:#000}

.new, .open, .pending, .resolved {
    background: #eee;border-radius: 12px;padding:4px 8px;color:white;font-size:11px;
}
.new {background: #44a}
.open {background: #4a2}
.pending {background: #fa4}
.resolved {background: #5a9ecf}


.alert_comment{ text-align: right;}
.new_status{ background: #fff; font-weight: bold;}